<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>spectrum</title>
  <!---->
  <!--<link rel='stylesheet' href='https://cdn.bootcdn.net/ajax/libs/bootstrap-colorpicker/3.2.0/css/bootstrap-colorpicker.css'/>-->
<!--
  -->
  <!--<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.css" rel="stylesheet">-->
  <!--<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.css" rel="stylesheet">
  <link href="https://cdn.bootcdn.net/ajax/libs/normalize/3.0.1/normalize.css" rel="stylesheet">
  <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-colorpicker/2.3.6/css/bootstrap-colorpicker.css" rel="stylesheet">
  <link rel="stylesheet" href="main.css">-->

  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
  <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.bootcss.com/popper.js/1.15.0/popper.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.min.js"></script>
  <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-colorpicker/3.2.0/css/bootstrap-colorpicker.min.css" rel="stylesheet">
  <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-colorpicker/3.2.0/js/bootstrap-colorpicker.min.js"></script>

  <!--<script src="//unpkg.com/bootstrap@4.3.1/dist/js/bootstrap.bundle.min.js"></script>-->
  <!--<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-colorpicker/3.2.0/js/bootstrap-colorpicker.js"></script>-->
  <!--<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-colorpicker/2.3.3/js/bootstrap-colorpicker.js"></script>-->
</head>
<body>
<div id="cp9" class="input-group">
  <input type="text" class="form-control input-lg" value="rgba(248, 235, 72, 0.5)"/>
  <span class="input-group-append">
            <span class="input-group-text colorpicker-input-addon"><i></i></span>
          </span>
</div>
<script>
  $(function () {
    $('#cp9').colorpicker({
      useAlpha: false
    });
  });
</script>



</body>
</html>